<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<textarea name="" id="textarea" cols="30" rows="50">
    秋天该很好
    你若尚在场
    秋风即使带凉 亦漂亮
    深秋中的你填密我梦想
    就像落叶飞
    轻敲我窗
    冬天该很好
    你若尚在场
    天空多灰
    我们亦放亮
    一起坐坐谈谈来日动向
    漠视外间低温
    这样唱
    能同途偶遇在这星球上
    燃亮飘渺人生
    我多么够运
    无人如你逗留我思潮上
    从没再疑问
    这个世界好得很
    暑天该很好
    你若尚在场
    火一般的太阳在脸上
    烧得肌肤如情
    痕极又痒
    滴着汗的一双
    笑着唱
    能同途偶遇在这星球上
    燃亮飘渺人生
    我多么够运
    无人如你逗留我思潮上
    从没再疑问
    这个世界好得很
    能同途偶遇在这星球上
    是某种缘分
    我多么庆幸
    如离别你亦长处心灵上
    宁愿有遗憾
    亦愿和你远亦近
    春天该很好
    你若尚在场
    春风仿佛爱情在蕴酝
    初春中的你
    撩动我幻想
    就像嫩绿草使
    春雨香
</textarea>
<script>

    /*
        1.只能输入数字
     */
    const theDom = document.getElementById('textarea')
    theDom.addEventListener('keypress', e => {
        if (!/\d/.test(String.fromCharCode(e.charCode))) {
            e.preventDefault();
        }
    })

    /*
     2.处理剪贴板
         beforecopy:复制操作发生前触发。
         copy:复制操作发生时触发。
         beforecut:剪切操作发生前触发。 
         cut:剪切操作发生时触发。
         beforepaste:粘贴操作发生前触发。
         paste:粘贴操作发生时触发。
     */

    // 跨浏览器方法

    function getClipboardText(event) {
        var clipboardData = (event.clipboardData || window.clipboardData);
        return clipboardData.getData("text");
    }

    function setClipboardText(event, value) {
        if (event.clipboardData) {
            return event.clipboardData.setData("text/plain", value);
        } else if (window.clipboardData) {
            return window.clipboardData.setData("text", value);
        }
    }
    
    theDom.addEventListener('copy',(e) =>{
        console.log('复制内容:',theDom.value.substring(theDom.selectionStart,theDom.selectionEnd))
        setClipboardText(e,'')
    })


</script>
</body>
</html>